<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext,cyrillic-ext,cyrillic' rel='stylesheet' type='text/css'>

        <link rel="stylesheet" href="css/normalize.min.css">
        <link rel="stylesheet" href="css/boilerplate.css">
        <link rel="stylesheet" href="css/buttons.css">
        <link rel="stylesheet" href="css/components.css">
        <link rel="stylesheet" href="css/style.css">

        <script src="js/libs/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <div class="wrapper">

            <div class="clearfix" id="top">

                <ul>

                    <li>Tel: <strong>+382 33 454 841</strong></li>
                    <li>E-mail: <a href="mailto:apolotours@t-com.me">apolotours@t-com.me</a></li>
                    <li><a href="#">About us</a></li>
                    <li><a href="#"><span class="flag en"></span>Select language</a></li>

                </ul>
            </div>

            <div id="header" class="clearfix">

                <div class="responsive-icon"></div>

                <a href="#" id="logo">Online reservation of accommodation</a>

                <div id="custom_search">
                    <div>Custom search</div>
                    <form action="#" method="get" class="clearfix"> 
                        <input type="text" placeholder="City, regon or specific accommodation..." id="custom_dest_hot" name="dest_hot"> 
                        <input type="submit" value="Search" class="btn">
                    </form>
                </div>

            </div>

        </div>

        <div class="wrapper">
            <nav class='clearfix'>
                <ul>
                    <li><a href="#"><img src="img/home-icon.png"></a></li>
                    <li><a href="#">Private accommodation</a></li>
                    <li><a href="#">Holiday homes</a></li>
                    <li><a href="#">Hotels</a></li>
                    <li><a href="#">Excursions</a></li>
                    <li><a href="#">Rent-a-car</a></li>
                    <li><a href="#">Transfers</a></li>
                    <li><a href="#">Other services</a></li>
                </ul>
            </nav>
        </div>

        <div class="wrapper">

            <div class="inner clearfix">

                <div id="form">

                    <form action="" method="get">

                        <h3>Accommodation search</h3>

                        <div>
                            <label for="dest_hot">Destination name</label>
                            <div class="input clearfix">
                                <input type="text" value="Search for city or regon" name="dest_hot" id="dest_hot" />
                            </div>
                        </div>

                        <div class="clearfix">
                            <div class="form_col">
                                <label for="check_in">Check-in Date</label>
                                <div class="input">
                                    <input type="text" value="01.10.2013" name="check_in" id="check_in" class="checkinout" />
                                </div>
                            </div>
                            <div class="form_col">
                                <label for="check_out">Check-in Date</label>
                                <div class="input">
                                    <input type="text" value="03.10.2013" name="check_out" id="check_out" class="checkinout"  />
                                </div>
                            </div>
                        </div>

                        <div>
                            <input type="checkbox" value="" name="specific_date" id="specific_date" /> I don't have specific dates yet
                        </div>

                        <div class="clearfix">
                            <div class="right">
                                <div class="form_col">
                                    <label for="nr_adults">Adults</label>
                                    <div class="input">
                                        <select name="nr_adults" id="nr_adults" class='dropdownized'>
                                            <option value="1">1</option>
                                            <option value="2" selected="selected">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form_col">
                                    <label for="nr_childrens">Childrens</label>
                                    <div class="input">
                                        <select name="nr_childrens" id="nr_childrens" class='dropdownized'>
                                            <option value="0" selected='selected'>0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div>
                            <input type="submit" class="btn btn-primary" value="Search">
                        </div>

                    </form>

                </div>

                <div id="banner">

                    <div class="info">

                        <div class="price">
                            <div class="inner">
                                <div>342 &euro;</div>
                                <div>per person</div>
                            </div>
                        </div>

                        <div class="inner">
                            <h3>Hotel Splendid</h3>
                            <div class="line"></div>
                            <p>Hotel 5 stars</p>
                            <p>Bed & breakfast</p>
                            <div class="line"></div>
                            <a class="btn">Book NOW</a>
                        </div>
                    </div>

                    <img src="img/hotel-splendid-budva.jpg">

                </div>

            </div>

        </div>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/libs/jquery-1.10.1.min.js"><\/script>')</script>

        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

        <script src="js/libs/jquery-migrate-1.0.0.js"></script>
        <script src="js/libs/jquery.dropdownized.min.js"></script>
        <script src="js/plugins.js"></script>

        <script type="text/javascript">

            var log = console.log;

            var API = API || {};
            API = {
                Data: {
                    base_url: 'http://localhost/working_files/apolotours.me/public_html/',
                    lang_url: '<?= lang_url(); ?>',
                    method: '<?= $this->router->fetch_method(); ?>',
                    cur_lang: '<?= $this->lang->mci_current(); ?>',
                    HOST_URL_HOTELS: '<?= HOST_URL_HOTELS; ?>'
                },
            };
        </script>

        <script src="js/api/form.js"></script>
        <script src="js/form.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>
